<top></top>
<section class="detail">
    <div class="detail-pic swiper-container">
        <ul class="swiper-wrapper">
            <li ng-repeat="img in detailImgs track by $index" class="swiper-slide" style="background-image: url({{img | resetImgBig}})"></li>
        </ul>
        <div class="swiper-pagination"></div>
    </div>
    <div class="goods-name highlight">
        <span>{{detailInfo.code}} {{detailInfo.name}}</span>
        <!--<span>起拍价: {{detailInfo.startAmount}}元</span>-->
        <span>捐赠人: {{detailInfo.sourceUser}}</span>
    </div>
    <countdown times="{{remainTimes}}"></countdown>
    <article ng-bind-html="intro"></article>
    <h2>历史出价</h2>
    <div class="history-list">
        <span class="note">{{priceList.length == 0 ? '暂时还没有人竞拍，赶紧加油吧！' : '以下为最新10次出价'}}</span>
        <table>
            <tr ng-repeat="list in priceList" ng-class="{'active': $index % 2 != 0}">
                <th>第{{list.number}}次出价</th>
                <td class="highlight">{{list.price}}元</td>
            </tr>
        </table>
        <span class="note">每次加价的竞价阶梯为100元</span>
    </div>
    <!--<h2>拍品二维码</h2>-->
    <!--<div class="qrcode-box">-->
        <!--<span id="qrcode"></span>-->
        <!--<span class="goodsCode"><i>{{detailInfo.code}}</i></span>-->
    <!--</div>-->
    <div class="error" ng-show="error">{{error}}</div>
    <div class="footer-bar" ng-if="remainTimes > 0">
        竞拍价：<span class="highlight">{{detailInfo.maxAmount}}</span> 元
        <a class="plus" ng-click="amountPlus()"><i>+</i> 加价</a>
        <a class="btn-auction" ng-click="sendAuction()">我要拍</a>
    </div>
    <div class="footer-bar" ng-if="remainTimes == 0">
        竞中价：<span class="highlight">{{detailInfo.maxAmount}}</span> 元
        <div class="auctioner">拍品人：<span class="highlight">{{detailInfo.maxUserStr}}</span></div>
    </div>
</section>